<ion-view title="惠生活">
    <ion-content class="" has-bouncing="true" padding="false">
        <ion-slide-box does-continue="true" auto-play="true" slide-interval="4000" id="live-adv">
            <ion-slide>
                <a href="#"><img src="img/bg.png" width="100%" height="160px" ></a>
            </ion-slide>
            <ion-slide>
                <button class="button button-clear button-full">指日可待</button>
            </ion-slide>
            <ion-slide>
                <a href="#">
                    <img src="img/ionic.png" width="100%" height="160px">
                </a>
            </ion-slide>
        </ion-slide-box>
        <div class="grid-my-full" id="service-cate">
            <div class="row">
                <div class="col" >

                        <a class="item item-avatar-right item-clear" style="background-color: #a9ffde;" href="#/tab/live/bus">
                            <img src="img/001.jpg">
                            <h2>生活服务</h2>
                            <p>用心、贴心</p>
                        </a>

                </div>
                <div class="col">

                        <a class="item item-avatar-right item-clear" href="#" style="background-color: #ffe9bf">
                            <img src="img/001.jpg">
                            <h2>汽车服务</h2>
                            <p>满意、用心服务</p>
                        </a>

                </div>
            </div>
            <div class="row">
                <div class="col">

                        <a class="item item-avatar-right item-clear" href="#" style="background-color: #ffd1e7">
                            <img src="img/001.jpg">
                            <h2>人车险</h2>
                            <p>优惠、方便、快捷</p>
                        </a>

                </div>
                <div class="col">

                        <a class="item item-avatar-right item-clear" href="#" style="background-color: #adff98">
                            <img src="img/001.jpg">
                            <h2>车友汇</h2>
                            <p>娱乐、交友</p>
                        </a>

                </div>
            </div>
        </div>
        <div class="list ">
            <a class="item item-avatar-right  item-clear" href="#">
                <img src="img/ionic.png">
                <h2>自驾游</h2>
                <p>娱乐、交友</p>
            </a>
            <a class="item item-avatar-right item-clear" href="#">
                <img src="img/001.jpg">
                <h2>抢做代言人</h2>
                <p>娱乐、交友</p>
            </a>
            <a class="item item-avatar-right item-clear" href="#">
                <img src="img/001.jpg">
                <h2>车友活动</h2>
                <p>娱乐、交友</p>
            </a>
        </div>
    </ion-content>
    <!--  <ion-pane class="padding">

    <div id="allmap" class="all-Map" style="width: 100%;height: 100%;overflow: hidden;padding-top: 200px;margin:0;"><a style="padding-top: 900px" ng-click="showMap()">显示地图</a></div>

    </ion-pane>-->

</ion-view>
